import HeaderLayout from '@/components/Header'
import SiderLayout from '@/components/Sider'
import { Layout } from 'antd'
import { Content } from 'antd/es/layout/layout'
import { FC, useState } from 'react'
import styles from './index.module.less'
import { Outlet } from 'react-router-dom'
const Home:FC = () => {
  const [collapsed, setCollapsed] = useState(false)
  return (
    <Layout className={styles.layout}>
      <SiderLayout collapsed={collapsed} />
      <Layout>
        <HeaderLayout collapsed={collapsed} setCollapsed={setCollapsed} />
        <Content
          style={{
            padding: 24,
            minHeight: 280,
          }}
        >
          <Outlet />
        </Content>
      </Layout>
    </Layout>
  )
}

export default Home